<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>聚美优品商品分类</title>
</head>
<style>
    .p2{
        background: black;
        color: white;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        text-indent: 1em;
    }
    .p1{
        width: 300px;
        border: 1px solid white;
        margin: 0px auto;
    }
    dl{
        background-color: #FFFFFF;
        border-bottom: 2px dashed black;
        padding: 0px;
        margin: 0px;
    }
    img{
vertical-align: middle;
    }
    dd{
        line-height: 25px;
    }
    dt{
        font-weight: bold;
    }
    body{
        background:#D4D4D4;
    }
    #last{
        border-bottom: none;
    }
</style>
<body>
<div class="p1">
    <div class="p2">全部分类</div>
        <dl>
            <dt><img src="img/icon_01.gif">&nbsp;&nbsp;护肤</dt>
            <dd>洁面 化妆水 喷雾 美容液 眼霜</dd>
            <dd>眼部精华 眼膜 面膜 面膜贴</dd>
            <dd>水洗面膜 免洗面膜 精华 精油</dd>
            <dd> 凝露 乳液 面霜 日霜 晚霜 </dd>
        </dl>
        <dl>
            <dt><img src="img/icon_02.gif">&nbsp;&nbsp;彩妆</dt>
            <dd>卸妆 防晒 隔离 BB霜 粉底 粉饼</dd>
            <dd>睫毛膏 眼影 唇彩 腮红 眼线笔</dd>
            <dd>底妆 遮瑕 蜜粉 眉笔 美甲</dd>
        </dl>
        <dl>
            <dt><img src="img/icon_03.gif">&nbsp;&nbsp;香氛</dt>
            <dd>男香 女香 小Q装 中性香水</dd>
        </dl>
        <dl>
            <dt><img src="img/icon_04.gif">&nbsp;&nbsp;身体护理</dt>
            <dd>洗发 护发 沐浴 身体乳 手足护理</dd>
            <dd>护手霜 纤体 身体精油 颈部护理</dd>
            <dd>个人护理 卫生用品 脱毛 </dd>
        </dl>
        <dl>
            <dt><img src="img/icon_05.gif">&nbsp;&nbsp;礼盒套装</dt>
            <dd>护肤套装 身体护理套装 彩妆套装</dd>
            <dd>旅行装 香水套装 男士套装 </dd>
        </dl>
        <dl>
            <dt><img src="img/icon_06.gif">&nbsp;&nbsp;美容工具</dt>
            <dd>护肤 彩妆 美发 美体 美甲 </dd>
            <dd>美容仪器 其他美容工具 </dd>
        </dl>
        <dl>
            <dt><img src="img/icon_07.gif">&nbsp;&nbsp;母婴专区</dt>
            <dd>奶粉 尿裤湿巾 母婴洗护</dd>
        </dl>
        <dl>
            <dt><img src="img/icon_08.gif">&nbsp;&nbsp;男士专区</dt>
            <dd>洁面 爽肤水 面霜  男香</dd>
            <dd>眼霜 凝胶 乳液 精华 沐浴</dd>
        </dl>
        <dl id="last">
            <dt><img src="img/icon_09.gif">&nbsp;&nbsp;食品保健</dt>
            <dd>瘦身类 保健类 美容类 食品类 </dd>
        </dl>
</div>
</body>
</html>